<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>CXspace</title>
	</head>
	<body style="width: 100%;height: 100%;">
		<!-- 首页封面-->
		<div class="Page">
			<div style="width: 100%;height: 100%;;display: flex;flex-direction: column;justify-content: center;">
				<!--中心文字-->
				<div style="width: 620px;display: flex; margin: auto;">
					<div>
						<h1 style="font-size: 200px;margin: 0;">CX</h1>
					</div>
					<div style="height: 200px;">
						<h4 class="title" style="font-size: 120px;margin: 0;">space</h4>
						<div style="width: 250px; height: 30px;background-color: blue;"></div>
					</div>
				</div>
			</div>
			
		</div>
		
		<!--介绍页面-->
		<div class="Page">
			<div>
				<h1>介绍</h1>
			</div>
			<div>
				
			</div>
		</div>
		
		
		<script>
			var input = document.querySelectorAll('.Page')
			console.log(window.innerHeight)
			 for (var i = 0; i < input.length; i++) {
			            input[i].style = "height: "+window.innerHeight+"px;";
			}
			
		</script>
	</body>
</html>
